import {onMounted, onUnmounted, ref} from "vue";

function useMousePosition() {
    const x = ref(0)
    const y = ref(0)
    const updateMouse = (e: MouseEvent) =>{
        x.value = e.pageX
        y.value = e.pageY
    }
    onMounted(()=>{
        document.addEventListener('click',updateMouse)
    })
    onUnmounted(()=>{
        document.removeEventListener('click',updateMouse)
    })
    return{x,y}
}
export default useMousePosition
